<!--
 * @Description: 
 * @Version: 1.0
 * @Autor: laikt
 * @Date: 2020-12-30 16:38:31
 * @LastEditors: laikt
 * @LastEditTime: 2021-01-07 13:56:58
-->
<style lang="scss" scoped>
.drawer-container {
    // @extend %full;
    width: 100%;
    height: 100%;
    .drawer-container--body {
        padding-left: 20px;
        padding-right: 5px;
        .drawer-container--body-wrap {
            padding-right: 15px;
        }
    }
    .drawer-container--footer {
        padding: 20px;
        display: flex;
        justify-content: center;
    }
}
</style>

<template>
    <div class="drawer-container" flex="dir:top main:justify box:last">
        <div class="drawer-container--body">
            <scrollbar style="height:100%;">
                <div class="drawer-container--body-wrap">
                    <slot></slot>
                </div>
            </scrollbar>
        </div>
        <div class="drawer-container--footer">
            <slot name="footer"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'drawer-container'
}
</script>
